<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta content="学学">
    <meta content="名称">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--360用极速模式打开-->
    <meta name=renderer">
    <!--坑爹的IE兼容-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--<link rel="stylesheet" href="css/louti.css"/>-->
    <script  type="text/javascript" src="jquery-2.1.4.min.js"></script>
    <!--<script type="text/javascript" src="js/louti.js"></script>-->
    <style>
        *{
            margin:0;
        }
        #box{
            width:250px;
            height:250px;
            border-radius:5px;
            border:1px solid black;
            background: rgba(81, 81, 81, 0.96);
            margin:50px auto;
            display:none;
        }
        #box .p{
            width:250px;
            font-size:25px;
            height:35px;
            text-align:center;
            color:#fff;
        }
        #box .act{
            width:100%;
            height:100%;
            border-top:2px solid #7c7c7c;

        }
        /*#box .act .fr{*/
            /*margin:20px auto;*/
        /*}*/
        #box .act .fr .inp{
            margin-top:20px;
            margin-left:37px;
            height:30px;
            border-radius:5px;
            border:1px solid #ddd;
        }
        #box .act .fr .but{
            width:170px;
            height:35px;
        }
        #box .act .fr p{
            float:right;
            margin-right:20px;
            margin-top:10px;
        }
        .cc{
            background: #0842ff;
        }
    </style>
    <title>登录框</title>
</head>
<body class="bb">
<a  target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=398317851&site=qq&menu=yes">
    <img border="0" src="http://wpa.qq.com/pa?p=2:398317851:51" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
<input class="dj" type="submit" value="求点、求交往"/>
<div id="box">
    <div class="p">Sign In</div>
    <div class="act">
        <from class="fr">
            <input class="inp one" type="text" placeholder="请输入用户名"/>
            <input class="inp two" type="text" placeholder="请输入密码"/>
            <input class="inp but" type="submit" value="登录"/>
            <p><a href="//http.www.baidu.com">忘记密码</a></p>
        </from>
    </div>
</div>
</body>
<script>
    $(document).ready(function(){
        $(".dj").click(function(){
            $(".bb").toggleClass("cc");
            $("#box").slideToggle(500);
        });

        $(".but").click(function(){
            var b=$(".one").val();
            var a=$(".two").val();
            if(b==""){
                alert("请输入用户名！")
                $(".one").focus();
                return;
            }
            if(a.length!=6){
                alert("你妹，劳资密码是6位数");
                $(".two").focus();
                return;
            }else{
               window.open('_blank','url(http://www.51xuediannao.com/js/jquery/jquery_validate/)')

            }

//            var inp=$(".one").html();
//            var int=$(".two").html();
            //alert(inp);



//            if(inp||int==""){
//                alert("我是空的！");
//                $(".one").focus();
//            }
//            else{
//
//            }
        })
    });

</script>
</html>